<div class="example-container mat-elevation-z8">
  <md-table #table [dataSource]="dataSource">

    <!--- Note that these columns can be defined in any order.
          The actual rendered columns are set as a property on the row definition" -->

    <!-- ID Column -->
    <ng-container *ngFor="let item of this.header" cdkColumnDef = '{{item.id}}'>
      <div *ngIf="item.id == 'oper'">
          <md-header-cell *cdkHeaderCellDef >操作</md-header-cell>
          <md-cell *cdkCellDef="let row">
            <div class="button-row" *ngFor="let oper of operate">
              <button md-icon-button mdTooltip='{{oper.title}}' (click) = 'oper.do(row)' *ngIf="oper.icon!='stop' || row.BrdStateDesc=='播发中'">
                <md-icon class="md-gray">{{oper.icon}}</md-icon>
              </button>
            </div>
          </md-cell>
      </div>


       <div *ngIf="item.id !== 'oper'">
         <md-header-cell *cdkHeaderCellDef [style.min-width] = 'item.width'>{{item.name}}</md-header-cell>
         <md-cell  *cdkCellDef="let row" [style.min-width] = 'item.width'>{{row[item.id]}}</md-cell>
      </div>


    </ng-container>



   <!-- 标题名-->
    <md-header-row *cdkHeaderRowDef="displayedColumns"></md-header-row>

   <!-- 标题名所对应的内容-->
    <md-row *cdkRowDef="let row; columns: displayedColumns;"></md-row>

    <div class="freshBut">
     <!-- <dy-button icon='icon-jiagongjilu' click="freshData()" style="background:#f4f8f9!important;">复位</dy-button>
      <dy-icon matTooltip ="编辑/查看" color='#0ac269' (click) = "editGroup(content)" name = 'icon-bianji'></dy-icon>-->

    </div>

  </md-table>
</div>
